<template>
  <div>
    <el-row class="content">
      <el-button type="primary" @click="refresh">刷新</el-button>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="name" label="姓名" width="90"></el-table-column>
        <el-table-column prop="idcard" label="证件号" width="180"></el-table-column>
        <el-table-column prop="mobile" label="手机号码"></el-table-column>
      </el-table>
    </el-row>
  </div>
</template>
<script>
import supportApi from "@/api/support";
export default {
  mounted() {
    this.getHouseInfoByIdCard();
  },
  data() {
    return {
      tableData: []
    };
  },
  methods: {
    getHouseInfoByIdCard() {
      supportApi.getMockPersonData().then(r => (this.tableData = r.data));
    },
    refresh() {
      this.getHouseInfoByIdCard();
    }
  }
};
</script>
<style lang="less" scoped>
.content {
  width: 80%;
  margin: 15px auto;
}
</style>